<style lang = "scss" scoped>
.errorPage{
    width:255px;
    height:173px;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom:0;
    margin:auto;
    .errorImg{
        display:block;
        margin:auto;
    }
    .tip{
        height: 30px;
        line-height:30px;
        width:255px;
        text-align:center;
        font-size:16px;
        color:#666;
        span{
            color:#337ab7;
            font-size:12px;
            cursor: pointer;
            text-decoration:underline;
        }
    }
}
</style>
<template>
  <div class="errorPage">
        <img class="errorImg" src="/static/icon/404.png" />
        <p class="tip">很抱歉，无法显示当前数据。<span @click="callBack">刷新</span></p>
  </div>
</template>
<script>
    export default {
        name:"errorPage",
        data(){
            return{

            }
        },
        methods:{
            callBack(){
                this.$emit("errorCallback");
            }
        }
    }
</script>